<html>
<head>
<script type="text/javascript" src="jquery-1.3.2.js"></script> 
<script>

	var urlAlbuns = "http://picasaweb.google.com/data/feed/api/user/eva.repository?kind=album&access=visible&alt=json-in-script&callback=?";
	
	function loadAlbuns() {
		$.getJSON(urlAlbuns, imprimeAlbuns);
	}
	
	function buscaImagensAlbum(albumid) {
		var url = "http://picasaweb.google.com/data/feed/api/user/eva.repository/albumid/" + albumid + "?kind=photo&access=visible&alt=json-in-script&imgmax=800&callback=?";
		$.getJSON(url, imprime);
	}
	
	function imprime(data) {
		if(data.feed && data.feed.entry) {
			albumEntries = data.feed.entry;
			$.each(data.feed.entry, gravaImagemAlbum);
		}
	}
	
	function gravaImagemAlbum(i, item) {
		paragrafo = document.getElementById("fotos");
		title = item.media$group.media$title.$t;
		
		imagem = createImage(item.media$group.media$thumbnail[0].url);
		link = createLink("#", item.gphoto$id.$t);
		link.appendChild(imagem);
		paragrafo.appendChild(link);
	}
	
	function imprimeAlbuns(data) {
		if(data.feed && data.feed.entry) {
			albumEntries = data.feed.entry;
			$.each(data.feed.entry, gravaImagem);
		}
	}
	
	function gravaImagem(i, item) {
		paragrafo = document.getElementById("albuns");
		title = item.media$group.media$title.$t;
		span = document.createElement("SPAN");
		var browser=navigator.appName; if(browser == "Microsoft Internet Explorer") 
		{            
		   span.style.setAttribute("cursor","pointer");
		}
		else
		 { 
			span.setAttribute("style","cursor: pointer;");
		 }
		imagem = createImage(item.media$group.media$thumbnail[0].url);	
		span.onclick = function() { window.alert('opa'); };
		
		span.appendChild(imagem);
		paragrafo.appendChild(span);
	}
	
	function createLink(url, albumid) {
		link = document.createElement("a");
		link.setAttribute("href", url);
		link.setAttribute("onclick", "buscaImagensAlbum('" + albumid + "');");
		return link;
	}

	// Cria uma imagem	
	function createImage(url) {
		imagem = document.createElement("IMG");
		imagem.setAttribute("title", title);
		imagem.setAttribute("src", url);
		return imagem;
	}
	
	
</script>
</head>
<body onload="loadAlbuns();">

	<p id="albuns" />
	<br>
	<p id="fotos" />
	
</body>

</html>
